<script setup lang="ts">
import { DemoMark1, DemoMark1Code } from './demo'
import LewDemoBox from '../../layout/LewDemoBox.vue'
import LewDocsTables from '../../layout/LewDocsTables.vue'
import * as API from './api'

const options = ref(
  Object.keys(API).map((key: any) => {
    // @ts-ignore
    return API[key]
  })
)
</script>

<template>
  <div class="demo-wrapper">
    <lew-title>Mark</lew-title>
    <p class="sub-title">虽然这小家伙看起来很简单，但是我觉得它非常有用，在我看来。</p>
    <lew-demo-box title="文本标记" :code="DemoMark1Code">
      <demo-mark1>删除</demo-mark1></lew-demo-box
    >
    <lew-docs-tables :options="options" />
  </div>
</template>
